<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>购物车</title>
    <meta name="description" content="description">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Styles -->
    <link rel="stylesheet" href="../static/css/general.css">

    <!-- Modernizr -->
    <script type='text/javascript' src='../static/js/modernizr-2.5.3.min.js'></script>

    <!-- Font -->
    <!--<link href='http://fonts.googleapis.com/css?family=McLaren' rel='stylesheet' type='text/css'>-->

    <!-- Semantic HTML5 Support on old IE -->
    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <style type="text/css">

        #span{
            position:absolute;
            top:40px;
            right:20px;
            left:200px;
            bottom:0;
            font-size:4em;
            color:#ffc107;
        }
        #ee{
            color:#ffffff;
        }
    </style>
</head>
<body>
    <!-- Background Awesomeness -->
    <div id="night"></div>

    <!-- Stars -->
    <div class="back" id="stars1"></div>
    <div class="back" id="stars2"></div>

    <!-- Clouds -->
    <div class="back" id="cloud1"></div>
    <div class="back" id="cloud2"></div>
    <div class="back" id="cloud3"></div>
    <div class="back" id="cloud4"></div>
    <div class="back" id="cloud5"></div>

    <!-- Header Section -->
    <header>
        <div class="center-align cf">

            <!-- Logo -->
            <a href="">
                <div class="logo float-left"><img src="../static/image/logo.png" alt="">
               </div>
            </a>

            <!-- Social & Search -->


            <!-- Nav -->
            <nav>
                <ul class="cf">
                    <li class="active"><a href="">首页</a></li>
                    <li><a href="/demo">购物页面</a></li>


                    </li>

                </ul>
            </nav>
            <div id="main">
                <span id="span"><h1 style="font-size:55px" class="caption">疯狂玩具城</h1></span>
            </div>


            <!-- Drop Down -->
            <div class="drop-menu">
                <a>Menu</a>
                <ul class="ul-drop">
                    <li class="active"><a href="">Home</a></li>
                    <li><a href="about.html">About Us</a></li>
                    <li>
                        <a>Activities</a>
                        <ul>
                            <li><a href="blog.html">Blog</a></li>
                            <li><a href="blog-single.html">Single Post</a></li>
                            <li><a href="#">Second level</a></li>
                        </ul>

                </ul>
            </div>

        </div>
    </header>

    <!-- Slider -->
    <div class="center-align">
        <div id="slider">
            <ul class="slides">
                <!-- -->
                <li>
                    <div class="wood">
                        <div class="text">
                            <span class="category"><h2>欢迎来到</h2></span>
                            <h1 style="font-size:70px" class="caption">疯狂玩具城</h1>



                        </div>
                    </div>
                    <img src="../static/picture/slide1.jpg" alt="">
                </li>

                <!-- -->
                <li>
                    <img src="../static/picture/slide2.jpg" alt="">
                </li>
            </ul>
        </div>
    </div>

    <!-- Content Section -->
    <section class="center-align">

        <!-- About Us -->
        <article class="about-us-home cf">
            <aside class="about cf">
                <div class="img">
                    <img src="../static/picture/about.jpg" alt="">
                </div>
                <div class="text">
                    <h2>About Us</h2>
                    <ee id="ee"><h1 style="font-size:25px" class="caption">
                        “疯狂玩具城”致力于打造全球最大玩具商城，为孩子们打造一个玩具乐园！帮助大人们找回童心！在这里，您可以尽情挑选您的玩具小伙伴并把它带回家！！</h1></ee>



                </div>
            </aside>

        </article>

        <!-- Recent From Blog -->
        <article class="recent-blog-home">
            <h2 class="title">本周销量最佳玩具</h2>

</div>
            <div class="items cf">
                <div class="col-3">
                    <a href="blog-single.html">
                        <img src="../static/picture/1.jpg" alt="">
                    </a>

                    <div class="text">
                        <a href="blog-single.html" class="caption">高级洋娃娃两只装（许老师推荐）</a>

                    </div>
                </div>

                <div class="col-3">
                    <a href="blog-single.html">
                        <img src="../static/picture/2.jpg" alt="">
                    </a>

                    <div class="text">
                        <a href="blog-single.html" class="caption">tiffany玉桂小狗狗钥匙扣(许老师推荐)</a>
                    </div>
                </div>

                <div class="col-3">
                    <a href="blog-single.html">
                        <img src="../static/picture/3.jpg" alt="">
                    </a>

                    <div class="text">
                        <a href="blog-single.html" class="caption">迪斯尼正版星戴露毛绒玩具</a>

                    </div>
                </div>

                <div class="col-3">
                    <a href="blog-single.html">
                        <img src="../static/picture/4.jpg" alt="">
                    </a>

                    <div class="text">
                        <a href="blog-single.html" class="caption">迪斯尼正版树霉熊毛绒玩具</a>

                    </div>
                </div>
            </div><h2 class="title">心动不如行动，滑动下方进行购买</h2>
        </article>

    </section>

    <!-- Photo Gallery -->
    <div class="center-align photo-gallery">
        <div class="top">
            <h2>   <li class="active"><a href="/demo">点击此按钮跳转购买页面</a></li></h2>

        </div>

    <ul class="cf">
        <h2>亲~请点击上方的按钮跳转至购买页面哦~买一个玩具小伙伴一起携手奔向更好地生活吧！！！疯狂玩具城祝您生活愉快！！！！</h2>
        </div>

        <div class="back"></div>
        <div class="bottom"></div>
        <div class="anchor"></div>
    </div>

    <!-- Footer Section -->
    <footer>

        <section>
            <div class="center-align cf">
            </div>
            <!-- Bottom Line -->
            <div class="bottom-line">
                <a class="top" href="#top">TOP</a>
                </div>
            </div>

        </section>


        <!-- Background Awesomeness -->
        <div id="footer-white"></div>
        <div id="footer-yellow"></div>

        <!-- Clouds -->
        <div id="footer-cloud1"></div>
        <div id="footer-cloud2"></div>

        <!-- Birds -->
        <div id="footer-bird1"></div>
        <div id="footer-bird2"></div>
        <div id="footer-bird3"></div>

        <!-- Waves -->
        <div class="waves">
            <div id="footer-wave1"></div>
            <div id="bui"></div>
            <div id="footer-wave2"></div>
        </div>
    </footer>

    <!-- Libs -->
    <script src="../static/js/jquery-1.10.2.min.js"></script>
    <script src="../static/js/jquery.flexslider-min.js"></script>

    <!-- Custom -->
    <script src="../static/js/scripts.js"></script>
    <script>
        InitHome();
    </script>
</body>
</html>